<template>
    <div id="profile">
        <div class='photoShow' v-title="title">
            <div id="purchased">
                <div class="purchased-top">
                    <i class="iconfont icon-fanhui" @click="back()"></i>
                    <span>{{title}}</span>
                </div>
            </div>
            <!--主logo页-->
            <div class="home" v-if="!profileShow">
                <div class="profileLogo">
                    <img src="../../assets/image/common/logo.jpg"/>
                    <p>关注货运业 · 关怀货运人</p>
                </div>
                <!--主页列表-->
                <div class="profileMenu">
                    <div class="profileList" @click="goList(1,'关于运联网')">
                        关于运联网<i class="icon-jiantou iconfont"></i>
                    </div>
                    <div class="profileList" @click="goList(2,'合作&联系')">
                        合作&联系<i class="icon-jiantou iconfont"></i>
                    </div>

                    <div class="profileList" @click="goList(3,'服务使用协议')">
                        服务使用协议<i class="icon-jiantou iconfont"></i>
                    </div>
                </div>
            </div>

            <!--子组件页面-->
            <div class="homeNo" v-if="profileShow">
                <div class="profileMenu2" v-if="profileShowList == '1'">
                    <div class="duan"> 运联传媒（隶属于运联（北京）会展有限公司，为公司旗下品牌）是一家领先的专注于服务中国货运物流业发展的传媒机构，以“关注货运业，关怀货运人”为使命，致力于“引领货运行业正向发展，不断提升货运行业及其相关产业链的价值”。旗下现有媒体产品包括《运联商业评论》杂志（原《货运中国》）、运联网、运联移动新媒体（微信公众号、微博号）等，同时主办运联峰会系列论坛、货运集节号行业嘉年华活动、中国好专线遴选活动等，致力于为中国货运业的发展提供精准、高效、全面的全媒体服务平台。 </div>
                    <div class="duan"> 作为一家快速发展的新兴传媒公司，运联传媒正处在快速、健康、可持续发展的进程中，已推出的媒体服务以高品质、富于创新和精彩务实的特点，得到了来自德邦物流、佳吉快运、盛辉物流、新邦物流、传化物流、荣庆物流、新杰物流等业内领军企业的强烈认可和大力支持。同时，运联传媒与国内外的权威行业协会有着密切的交流与协作，如中国交通运输协会、中国物流学会、美国卡车运输协会、澳大利亚卡车运输协会等。 </div>
                    <div class="duan"> 作为一家快速发展的新兴传媒公司，运联传媒正处在快速、健康、可持续发展的进程中，已推出的媒体服务以高品质、富于创新和精彩务实的特点，得到了来自德邦物流、佳吉快运、盛辉物流、新邦物流、传化物流、荣庆物流、新杰物流等业内领军企业的强烈认可和大力支持。同时，运联传媒与国内外的权威行业协会有着密切的交流与协作，如中国交通运输协会、中国物流学会、美国卡车运输协会、澳大利亚卡车运输协会等。 </div>
                    <div class="duan"> 作为运联传媒官方网站，运联网是运联传媒旗下的个性化行业资讯交流平台，核心关注对象是货运物流业标杆型、成长型、创新型企业以及企业家群体。 </div>
                </div>
                <div class="profileMenu" v-if="profileShowList == '2'">
                    <div class="profileList">
                        投稿<i>bianshunrong@tucmedia.com</i>
                    </div>
                    <div class="profileList">
                        电话<i>010-62958252</i>
                    </div>
                    <div class="profileList">
                        传真<i>010-52071951</i>
                    </div>
                    <div class="profileList">
                        地址<i class="i1">北京市海淀区学清路甲18号中关村东升科技园学院园D609室</i>
                    </div>
                </div>
                <div>
                    <div class="profileMenu3" v-if="profileShowList == '3'">
                        <div class="title">服务使用协议</div>
                        <div class="duan">
                            运联网是运联（北京）会展有限公司（以下简称本公司）的主打产品，本公司通过用户使用运联网的相关功能向用户提供服务，您在使用相关服务之前，需要仔细阅读本协议，并通过在线形式签署，您选择【同意】，即表示协议生效。本协议由运联（北京）会展有限公司与您签订。
                        </div>
                        <div class="duan">
                            <div class="duanTitle">一、定义及解释</div>
                            <div class="duan">1. 运联网：运联网是为用户提供发布文章、活动管理的第三方平台，是运联（北京）会展有限公司拥有所有权与经营权的产品。</div>
                            <div class="duan">2. 运联网账户（或本文中所称谓的“该账户”）：是本公司向您提供的运联网平台上的唯一身份。您可以自行设置密码，您使用该账户登录后可以使用运联网的各项功能、查询或计量您的交易记录和账户余额。</div>
                            <div class="duan">3. 活动：本文中的活动指活动主办方通过使用运联网发活动功能发布的信息，活动分为付费活动和免费活动：A、付费活动为活动主办方向活动参与者收取费用而举办的活动；B、免费活动为活动主办方举办活动不向活动参与者收取费用的活动。</div>
                            <div class="duan">4. 活动参与者：根据上述主办方使用运联网的功能而发布的活动信息，按照活动条件报名参加活动的个人或者组织。</div>
                            <div class="duan">5. 本服务：是指用户使用运联网相关功能的全部或部分的过程。</div>
                            <div class="duanTitle">二、声明和承诺</div>
                            <div class="duan">6. 您完全理解并确认，在实际使用本服务前，您已充分阅读、理解并接受本协议的全部内容，同意遵循本协议之所有约定。</div>
                            <div class="duan">7. 您完全理解并同意，本公司有权随时对本协议内容进行单方面的变更，并以在本网站公告的方式予以公布，无需另行单独通知您；若您在本协议内容公告变更后继续使用本服务的，表示您已充分阅读、理解并接受修改后的协议内容，也将遵循修改后的协议内容使用本服务；若您不同意修改后的协议内容，您应停止使用本服务。</div>
                            <div class="duan">8. 您完全理解并保证，在使用本服务时，您应确保自身拥有完全民事行为能力，在中国大陆地区具有合法开展组织活动或其他业务的法人身份或其他组织或个人；若您在国外，本协议内容不受您所属国家或地区法律的排斥。不具备前述条件的，您应立即停止使用本服务。</div>
                            <div class="duanTitle">三、服务条款</div>
                            <div class="duanTitle">注册</div>
                            <div class="duan">9.在您注册互运联网账户时，应具备的基本条件有：</div>
                            <div class="duan">1) 自行负担个人上网所支付的与此服务有关的电话费用、网络费用。</div>
                            <div class="duan">2) 自行配备上网的所需设备，包括个人电脑、调制解调器或其他必备上网装置；</div>
                            <div class="duan">3) 目前注册成为运联网用户，完全免费，只需要提供必要的信息即可。如未来网站增加会员制，会及时通知运联网用户。望知晓。</div>
                            <div class="duan">10. 您应该根据运联网的要求填写必要的注册信息和账户信息，并保证信息的合法性、真实性、及时性和有效性。注册成功后，如果您所填写的信息发生改变，您应当及时登录运联网变更相关内容。</div>
                            <div class="duan">11. 如果运联网发现您填写的注册信息和账户信息存在违法、不真实或无效的可能性，有权删除相关信息或注销您的账户。</div>
                            <div class="duan">12. 您不得将在本站注册获得的账户借给他人使用，否则用户应承担由此产生的全部责任，并与实际使用人承担连带责任。为保证交易安全，您应当妥善保管用户名和密码，如果因为您的疏忽或管理不善，造成用户名和密码外泄、被盗等后果的，您应当自行承担由此所引发的一切损失。</div>
                            <div class="duan">13. 审核：您在与运联网发布的所有信息及评论均提交由运联网进行内容审核。</div>
                            <div class="duan">14. 信息规范：您在使用本服务时所发布的内容应符合网络道德，遵守中华人民共和国的相关法律法规。您在运联网平台上不得发布以下信息：</div>
                            <div class="duan">1) 反对宪法所确定的基本原则的；</div>
                            <div class="duan">2) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</div>
                            <div class="duan">3) 损害国家荣誉和利益的；</div>
                            <div class="duan">4) 煽动民族仇恨、民族歧视，破坏民族团结的；</div>
                            <div class="duan">5) 破坏国家宗教政策，宣扬邪教和封建迷信的；</div>
                            <div class="duan">6) 散布谣言，扰乱社会秩序，破坏社会稳定的；</div>
                            <div class="duan">7) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</div>
                            <div class="duan">8) 侮辱或者诽谤他人，侵害他人合法权益的；</div>
                            <div class="duan">9) 含有法律、行政法规禁止的其他内容的。</div>
                            <div class="duan">15. 您在运联网发布的不符合本协议的内容，本公司有权对信息进行屏蔽、删除处理，同时对账户采取警告、封号等措施，同时本公司有权将相关事项提交司法机关依法处理。</div>
                            <div class="duan">16. 当您在运联网发布的信息分享到微信等三方软件中，还需遵守第三方软件的官方规则，内容不得带有诱导转发相关内容，如“不转不是中国人”、“转发有奖”等字样。</div>
                            <div class="duan">17. 您发布任何文章或者活动，您必须取得举办该活动资质或资格，您独立承担因没有相应的资质或资格而带来的风险和责任，并承担因此给本公司带来的损失。</div>
                            <div class="duan">18. 您发布任何收费活动，您必须拥有相应的收费许可、资质或资格，您独立承担因没有相应的收费许可、资质或资格而带来的风险和责任，并承担因此给本公司带来的损失；同时，您在发布任何收费活动时应就关于活动退款事宜，按照本公司、本协议以及运联网平台的要求，作出明确选择。</div>
                            <div class="duan">19. 您发布任何活动或聚会，您必须保证在活动举办期间所有参与者的安全，包括但不限于人身安全、财产安全等，如运联网用户在参与您举办的活动安全受到损害，您必须按照相关法律法规赔偿参与者，并承担因此给本公司带来的损失。</div>
                            <div class="duan">duanTitle</div>
                            <div class="duan">20. 代收款：您在运联网上发生的所有交易，不可撤消地授权由本公司为您代收交易款项，活动参与者报名完成后，报名费用将进入运联网交易保障体系作为活动实际举办的担保资金。同时本公司有权从运联网获取您的相关信息（包括但不限于活动信息，报名参与者信息，活动举办情况，账户相关信息等）。</div>
                            <div class="duan">21. 账户认证：您在使用运联网提供的代收服务时，需要向运联网提供您的收款账户信息以及个人信息，以便运联网对您的身份和提现资格认证，认证通过后您方可将账户中的资金提现。包括但不限于：</div>
                            <div class="duan">1) 您的支付宝账户</div>
                            <div class="duan">2) 您的银行卡卡号及开户行信息</div>
                            <div class="duan">3) 您的身份证正、反面照片</div>
                            <div class="duan">4) 企业的公司名称、营业执照副本</div>
                            <div class="duan">22. 申请提现：在符合本协议规则且您的账户通过运联网审核的情况下，您可以申请本公司将您运联网账户中的资金提取到您的有效中国大陆银行账户内，该银行账户开户名需与您通过运联网平台身份认证的姓名或名称一致。</div>
                            <div class="duan">23. 活动提现审核：在您申请一笔提现时，运联网将对您的账户近期发布的活动进行审核及核对，审核结果包括但不限于下列情况：</div>
                            <div class="duan">1) 审核成功：活动真实可信且该账户不存在尚未处理的投诉，3个工作日内通过审核。</div>
                            <div class="duan">2) 审核失败：活动并未举行或活动现场与描述不符合，或该账户存在尚未处理的投诉，3个工作日内审核失败。</div>
                            <div class="duan">3) 无法审核：由于活动信息不明或其他原因导致的无法完成审核，运联网将在活动结束15个自然日内考察活动真实性，期间该账户不存在尚未处理的投诉或纠纷，运联网将在15个自然日后通过审核并完成转账。如前述活动信息不明或者其他原因导致未能在上述规定日期内审核完毕，以审核需要的合理时间为准，本公司不另行作出通知。</div>
                            <div class="duan">24. 转账时间：除被冻结或限制款项外，本公司将于审核结果符合提现条件并收到提现指令后的一至五个工作日内，将相应款项汇入该银行账户。根据您提供的账户所属银行不同，会有到账时间差异。此外，本公司对提现行为进行风险审查，因此可能导致提现延迟。</div>
                            <div class="duan">25. 拒绝提现：当您的提现申请或个人行为违反代收服务协议或行业规则时，本公司有权拒绝您的提现申请，并告知您拒绝原因。</div>
                            <div class="duan">26. 提现失败：当您提供的银行卡相关信息有误而导致提现失败时，本公司允许您修改银行卡账户信息并会在运联网客户端中提供给您相应的入口。</div>
                            <div class="duan">27. 退款：当活动参与者要求活动主办方退款、或者活动主办方的活动发生变化，活动参与者向活动主办方提出退款要求时，本公司工作人员可视情形协助处理，但不直接参与退款事宜。</div>
                            <div class="duan">28. 在您使用运联网平台报名、点赞、发布文章时，您的昵称中不得含有诱导性广告内容，如利用奖励机制诱导关注公众号、诱导加好友等。</div>
                            <div class="duanTitle">四、收费标准</div>
                            <div class="duan">29. 运联网对于发布免费活动或者收费活动，在提现时完全免费，同时也继续完全免费的提供运联网平台的基础服务。</div>
                            <div class="duan">30. 运联网用户注册成为网站会员后，可以免费使用平台的功能，但不包含活动报名，商品购买时的消费，用户在报名或者购买时需要支付相应价格的费用才能获取相应的权益。</div>
                            <div class="duan">本标准自2017年4月6日0时0分0秒起正式执行。</div>
                            <div class="duanTitle">五、使用限制与责任</div>
                            <div class="duan">31. 您在使用本服务时应遵守中华人民共和国相关法律法规、您所在国家或地区之法令及相关国际惯例，不将本服务用于任何非法目的（包括用于禁止或限制交易物品的交易），也不以任何非法方式使用本服务。</div>
                            <div class="duan">32. 您必须保证您发布的活动信息（包括但不限于文字、图片、视频及活动本身）真实、合法且不侵犯第三方的合法权益，否则应承担所有相关法律责任。</div>
                            <div class="duan">33. 您不得利用本服务从事侵害他人合法权益之行为，否则应承担所有相关法律责任，因此导致本公司或本公司雇员受损的，您应承担赔偿责任。</div>
                            <div class="duan">34. 上述行为包括但不限于：</div>
                            <div class="duan">1) 侵害他人名誉权、隐私权、商业秘密、商标权、著作权、专利权等合法权益。</div>
                            <div class="duan">2) 违反依法定或约定之保密义务。</div>
                            <div class="duan">3) 冒用他人名义使用本服务。</div>
                            <div class="duan">4) 从事非法交易行为，如洗钱、传销、发布反动信息、倒卖毒品、禁药、组织淫秽活动等本公司认为不得使用本服务进行发布的活动等。</div>
                            <div class="duan">5) 提供赌博资讯或以任何方式引诱他人参与赌博。</div>
                            <div class="duan">6) 非法使用他人银行账户（包括信用卡账户）或无效银行账号（包括信用卡账户）交易。</div>
                            <div class="duan">7) 违反《银行卡业务管理办法》使用银行卡，或利用信用卡套取现金（以下简称套现）。</div>
                            <div class="duan">8) 进行与您或活动参与者对方宣称的交易内容不符的交易，或不真实的交易。</div>
                            <div class="duan">9) 从事任何可能含有电脑病毒或是可能侵害本服务系统、资料之行为。</div>
                            <div class="duan">10) 其他本公司有正当理由认为不适当之行为。</div>
                            <div class="duan">11) 其他违反法律法规的行为</div>
                            <div class="duan">35. 您应妥善保管您的账号密码，由于您自己的原因造成的密码遗失或者泄露，您应承担由此造成的一切损失及所有责任。</div>
                            <div class="duanTitle">六、免责条款</div>
                            <div class="duan">36. 本公司不对因下述任一情况导致的任何损害赔偿承担责任，包括但不限于利润、商誉、使用、数据等方面的损失或其他无形损失的损害赔偿。</div>
                            <div class="duan">1) 本公司有权基于单方判断，包含但不限于本公司认为您已经违反本协议的明文规定及精神，暂停、中断或终止向您提供本服务或其任何部分，并移除您的资料。</div>
                            <div class="duan">2) 本公司在发现异常交易或有疑义或有违反法律规定或本协议约定之虞时，有权不经通知先行暂停或终止该账户的使用（包括但不限于对该账户名下的款项和在途交易采取取消交易、调账等限制措施），并拒绝您使用本服务之部分或全部功能。</div>
                            <div class="duan">3) 在必要时，本公司无需事先通知即可终止提供本服务，并暂停、关闭或删除该账户及您账号中所有相关资料及档案，并将您滞留在该账户的全部合法资金退回到您的银行账户。</div>
                            <div class="duan">37. 系统因下列状况无法正常运作，使您无法使用各项服务时，本公司不承担任何损害赔偿责任，该状况包括但不限于：</div>
                            <div class="duan">1) 本公司在运联网客户端公告之系统停机维护期间。</div>
                            <div class="duan">2) 电信设备出现故障不能进行数据传输的。</div>
                            <div class="duan">3) 因台风、地震、海啸、洪水、停电、战争、恐怖袭击等不可抗力之因素，造成本公司系统障碍不能执行业务的。</div>
                            <div class="duan">4) 由于黑客攻击、电信部门技术调整或故障、网站升级、银行、第三方支付工具方面的问题等原因而造成的服务中断或者延迟。</div>
                            <div class="duan">38. 因您的过错导致的任何损失由您自行承担，本公司不承担任何损害赔偿责任，该过错包括但不限于：遗忘或泄漏密码，密码被他人破解，您使用的手机或其他终端被他人侵入等。</div>
                            <div class="duanTitle">七、法律适用管辖</div>
                            <div class="duan">39. 本协议之效力、解释、变更、执行与争议解决均适用中华人民共和国法律，没有相关法律规定的，参照通用国际商业惯例和（或）行业惯例。本协议部分内容被有管辖权的法院认定为违法的，不因此影响其他内容的效力。</div>
                            <div class="duan">40. 因本协议产生之争议，均应依照中华人民共和国法律予以处理，并由北京市朝阳区人民法院管辖。</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import {userService} from '../../service/userService'
    export default {
        data(){
            return {
                title:'关于运联网',
                profileShow:false,
                profileShowList:'',
                backData:false
            }
        },
        mounted:function(){
            if(this.$route.query.type != undefined && this.$route.query.type != ''){
                this.profileShow = true
                this.backData = true
                this.profileShowList = this.$route.query.type
            }
        },
        methods:{
            back:function(){
                let that = this;
                if(!that.profileShow){
                    this.$router.push({name:'mycenter'})
                }else{
                    if(!that.backData){
                        that.profileShow = false
                    }else{
                        this.$router.back(-1)
                    }
                }
            },
            goList:function(num,name){
                let that = this;
                that.profileShow = true;
                that.title = name;
                that.profileShowList = num;
            }
        }
    }
</script>

<style lang="less">
    #profile{
        width:100%;
        height:100%;
        display: block;
        overflow: hidden;
        background:#F9F9F9;
        position: relative;
        .purchased-top{
            width:100%;
            height:1.2rem;
            background:#fff;
            text-align: center;
            position: relative;
            i{
                float:left;
                font-size:0.5rem;
                line-height:1.2rem;
                margin-left:0.2rem;
                color:#999999;
                display: block;
                position:absolute;
                font-weight:600;
            }
            span{
                /*margin-left:-1rem;*/
                height:1.2rem;
                line-height:1.2rem;
                font-size: 18px;
                color: #333333;
                letter-spacing: 0.3px;
            }
        }
        .profileLogo{
            width:100%;
            height:4.05rem;
            margin-top:0.4rem;
            background:#fff;
            padding:0.8rem;
            box-sizing: border-box;
            text-align: center;
            img{
                width:1.65rem;
                height:1.5rem;
                margin:auto;
            }
            p{
                margin-top:0.27rem;
                font-size: 16px;
                color: #333333;
                width:100%;
                text-align: center;
            }
        }
        .profileMenu{
            width:100%;
            margin-top:0.4rem;
            background:#fff;
            padding-left:0.4rem;
            box-sizing: border-box;
            .profileList{
                width:100%;
                height: 1.47rem;
                line-height:1.47rem;
                padding-right:0.4rem;
                box-sizing: border-box;
                font-size: 16px;
                color: #333333;
                border-bottom:1px solid #f9f9f9;
                i{
                    float:right;
                    max-width:80%;
                    font-size: 14px;
                    color: #666666;
                }
            }
            .profileList:nth-last-child(1){
                border:none;
                .i1{
                    line-height:0.5rem;
                    margin-top:0.3rem;
                    text-align: right;
                }
            }

        }
        .profileMenu2{
            width:100%;
            height:100%;
            background:#fff;
            box-sizing: border-box;
            position: relative;
            overflow-y: scroll;
            padding-bottom: 1.5rem;
            .title{
                width:100%;
                text-align: center;
                padding-top:0.6rem;
                font-size: 14px;
                color: #333333;
            }
            .duan{
                padding:0.4rem;
                box-sizing: border-box;
                font-size: 14px;
                color: #333333;
            }
        }
        .profileMenu3{
            width:100%;
            height:100%;
            background:#fff;
            box-sizing: border-box;
            position: relative;
            overflow-y: scroll;
            padding-bottom:1rem;
            .title{
                width:100%;
                text-align: center;
                padding-top:0.6rem;
                font-size: 14px;
                color: #333333;
            }
            .duan{
                padding:0.4rem;
                box-sizing: border-box;
                font-size: 14px;
                color: #333333;
            }
        }
    }

</style>